﻿body 
{
    background-color : white;
    margin : 0px;
    padding : 0px;
    font-size : 0.8em;
    font-family : Segoe UI, Arial;
}

div.page 
{
   width : 940px;
   margin : 0px auto 0px auto;
   padding : 0px;
   padding-top : 20px;
}

#header 
{
    padding : 0px;
    margin : 0px;
    width : 100%;
    height : 70px;
}

div.header_r
{
    float: right;
    width : 60%;
    padding-top : 20px;
}

div.header_l
{
    float: left;
}

div.header_r #menucontainer
{
    float : left;
    background-image : url('images/menu.png');
    height : 30px;
    border : 1px solid #CCCCCC;
    width : 100%;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius : 4px;
}

div.header_r #logindisplay {
    float : right;
}

#menucontainer ul 
{
    margin : 0px;
    margin-left : 10px;
    padding : 0px;
    list-style-type : none;
}

#menucontainter ul li 
{
    width : 50px;
    text-align : center;
}

#menucontainer a
{
    width : 100px;
    height : 25px;
    color : white;
    font-weight : bold;
    text-shadow: black 2px 2px 2px;
    display : block;
    float : left;
    padding : 0px;
    padding-top : 5px;
    text-decoration : none;
    text-align : center;
}

#menucontainer a:hover
{
    background-color : #DDDDDD;
    color : Orange;
}

#categories 
{
    width : 25%;
    float : left;
    height: 200px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius : 4px;
	border : 1px solid #CCCCCC;
	background-color: #DDDDDD;
}

#categories div.header 
{
    background-color : Black;
    -webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius : 4px 4px 0px 0px;
    padding : 0px;
    padding-left : 10px;
    font-weight : bold;
    height : 25px;
    margin : 0px;
    background-image : url('images/categories.png');
    color : White;
    font-size : 1.2em;
}

#categories div.cat 
{
    clear : both;  
    margin : 0px; 
}

#categories div.cat ul 
{
    list-style-type : none;
    margin : 0px;
    padding : 0px;
}

#categories div.cat a
{
    padding-top : 3px;
    padding-bottom : 3px;
    vertical-align : middle;
    color : Black;
    text-decoration : none;
    display : block;
    padding-left : 15px;
    border-bottom : 1px solid #BBBBBB;
}

#categories div.cat a:hover
{
    background-color : #CCCCCC;
}


#content 
{
    padding-left : 30px;
}

#footer 
{
    clear :both;
}

#MainContent 
{
    padding-left : 50px;
}

.image
{
    width : 120px;
}

.prodImage
{
    height : 120px;
    width : 120px;
}

.prodName
{
    height : 120px;
    float : right;
    font-style : italic;
}

.prodPrice
{
    height : 120px;
    float : right;
    font-weight : bold;
}

.prodEndDate
{
    height : 120px;
    float : right;
}